@import "../../../../style/pc/default/theme";
@import "../../../../style/pc/default/tippy-theme-widget";
.lexmis-Input{
	display:inline-flex;
	width:100%;
	vertical-align:middle;
	&.lexmis--square{
		.lexmis_self{
			border-radius:$-form-widget-border-radius;
		}
		>.lexmis_before{
			.lexmis-Select,.lexmis-Button{
				border-top-left-radius:$-form-widget-border-radius;
				border-bottom-left-radius:$-form-widget-border-radius;
			}
		}
		>.lexmis_after{
			.lexmis-Select,.lexmis-Button{
				border-top-right-radius:$-form-widget-border-radius;
				border-bottom-right-radius:$-form-widget-border-radius;
			}
		}
	}
	&.lexmis--round{
		.lexmis_self{
			border-radius:$-form-widget-height / 2;
			padding:0 3px;
		}
	}
	&.lexmis--noBorder{
		.lexmis_self{
			border:0;
			background:transparent;
		}
		&.lexmis--focus{
			.lexmis_self{
				box-shadow:none;
			}
		}
	}
	&.lexmis--focus{
		.lexmis_self{
			border-color:$-primary-color;
			box-shadow:$-form-widget-box-shadow;
		}
	}
	&.lexmis--disable{
		.lexmis_self{
			border-color:$-border-color;
			background:$-disable-color;
		}
	}
	&.lexmis--readonly{
		.lexmis_self{
			>input{
				cursor:default;
			}
		}
	}
	&.lexmis--prepend{
		.lexmis_self{
			>input{
				padding-left:0;
			}
		}
	}
	&.lexmis--append{
		.lexmis_self{
			>input{
				padding-right:0;
			}
		}
	}
	&.lexmis--before{
		.lexmis_self{
			border-top-left-radius:0;
			border-bottom-left-radius:0;
		}
	}
	&.lexmis--after{
		.lexmis_self{
			border-top-right-radius:0;
			border-bottom-right-radius:0;
		}
	}
	>.lexmis_before,>.lexmis_after{
		flex-shrink:0;
		height:$-form-widget-height;
		display:flex;
		align-items:center;
	}
	>.lexmis_before{
		.lexmis-Select,.lexmis-Button{
			border-right:0;
			border-top-right-radius:0;
			border-bottom-right-radius:0;
		}
	}
	>.lexmis_after{
		.lexmis-Select,.lexmis-Button{
			border-left:0;
			border-top-left-radius:0;
			border-bottom-left-radius:0;
		}
	}
	.lexmis_self{
		display:inline-flex;
		width:100%;
		height:$-form-widget-height;
		background:#fff;
		border:1px solid $-border-color;
		transition:$-form-widget-transition;
		transition-property:border-color,box-shadow;
		vertical-align:middle;
		position:relative;
		z-index:1;
		&:hover{
			border-color:$-primary-color;
		}
		>input{
			height:100%;
			width:100%;
			outline:0;
			border:0;
			background:none;
			font-size:$-content-font-size;
			padding:0 $-mini-gap;
			color:$-title-color;
			z-index:1;
			&::placeholder{
				color:$-sub-color;
			}
		}
		>.lexmis_prepend,>.lexmis_append{
			display:inline-flex;
			flex-shrink:0;
			width:26px;
			font-size:20px;
			justify-content:center;
			align-items:center;
		}
		>.lexmis_append{
			&.lexmis_inner{
				>.lexmis-Icon{
					font-size:18px;
					cursor:pointer;
				}
			}
		}
	}
}
.lms-Input_Tippy{
	vertical-align:middle;
}
.tippy-box[data-theme~='lexmis-widget']{
	.lms-Input_options{
		@include tippy-option;
	}
}
